<template>
  <a-row style="margin-bottom: 20px">
    <a-col v-for="itemScore in itemScores" :key="itemScore.title" :sm="getSize" :xs="12">
      <head-info :title="itemScore.title" :content="itemScore.score + ''" :bordered="itemScore.bordered"/>
    </a-col>
  </a-row>
</template>

<script>
import HeadInfo from '@/components/tools/HeadInfo'
import moment from 'moment/moment'
export default {
  name: 'ScoreTotalV1',
  components: {HeadInfo},
  computed: {
    getSize(){
      let _size = 0;
      if(this.itemScores.length != 0){
           _size = Math.floor(24/this.itemScores.length)
      }

      console.log(_size)
      return _size;
    }
  },

  props: {
    itemScores: {
      type: Array,
      required: true
    }
  },
  data() {
    return {}
  }
}
</script>

<style scoped>

</style>